<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="js/jquery-3.7.1.js"></script>
    <script>
        // 当页面资源较少的时候onload可能会先执行

        // document可省略
        // 可以多次调用，每次调用都会添加新的回调函数。
        // 在 DOM 树加载完成后即执行，不需等待页面内所有资源加载完成。
        $(document).ready(function() {
            alert("$(document).ready()");
        })

        // 只能设置一次，多次设置会覆盖前面的设置。
        // 当全部页面及依赖资源加载完成后触发。
        window.onload = function() {
            alert("window.onload");
        }

        // window.onload = function() {
        //     alert("window.onload2");
        // }
    </script>
</body>

</html>